<template>
	<view class="fl-s-c p-r-30">
		<text class="in-title">商家入驻</text>
		<image class="seller-in" src="/static/images/user/seller_in.png" ></image>
		<text style="font-size: 44rpx; color: #666666; margin-top: 110rpx;">入驻本平台</text>
		<text class="fs-30 m-t-20" style="color: #999999;">填写商家信息，进行入驻申请</text>
		<view class="sub-btn fr-c w-1" @click="show=true">点击入驻</view>
		<u-popup bgColor="transparent" v-model="show" mode="center" border-radius="32">
			<view class="fl-b-c relative" style="padding: 64rpx 0rpx 0rpx 0rpx; width: 624rpx; height: 974rpx; background: #FFFFFF; border-radius: 30rpx;">
				<text class="bold fs-42 title">入驻说明</text>
				<scroll-view scroll-y class="w-1" style="height: 700rpx; margin-top: 48rpx; padding: 0 36rpx 50rpx 36rpx;">
						<u-parse class="w-1 fs-26" :html="content"></u-parse>
				</scroll-view>
				<view class="w-1 fr-b-c">
					<view class="fr-c cancel-btn" @click="show = false">取消</view>
					<view class="fr-c argee-btn" @click="toApply">同意</view>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show:false,
				content:'',
				type:'',
			}
		},
		onLoad(options) {
			if(options.type)this.type = options.type
			this.getRule()
		},
		methods: {
			// 获取置换规则
			getRule(){
					this.$get({
						url:'/wanlshop/article/details',
						data:{
							id:6,
						},
					}).then(res=>{
						console.log(res)
						this.content = res.data.content
					})
			},
			toApply(){
				this.show = false
				uni.navigateTo({
					url:'/pages/UserCenter/MerchantSettlement/ApplicationSettlement/ApplicationSettlement?type='+this.type
				})
			}
		}
	}
</script>

<style>
    page{
        padding-bottom: 50rpx;
    }
.seller-in{
	width: 569rpx;
	height: 518rpx;
	margin-top: 92rpx;
}
.title{
	font-size: 42rpx;
	font-family: Alibaba PuHuiTi 2.0-65 Medium, Alibaba PuHuiTi 20;
	font-weight: normal;
	color: #000000;
}
.in-title{
	font-size: 60rpx;
	font-family: Alibaba;
	font-weight: bold;
	background: linear-gradient(246deg, #FA360A 0%, #FA8C0A 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-top: 92rpx;
}
.sub-btn{
		height: 100rpx;
		background: linear-gradient(270deg, #E46C30 0%, #E32C1C 100%);
		box-shadow: 0rpx 6rpx 32rpx 0rpx rgba(250,74,20,0.58);
		border-radius: 50rpx 50rpx 50rpx 50rpx;
		font-size: 32rpx;
		font-family: Alibaba;
		color: #FFFFFF;
		margin-top: 94rpx;
	}
	.cancel-btn{
		width: 312rpx;
		height: 100rpx;
		background: #CCCCCC;
		border-radius: 0rpx 0rpx 0rpx 32rpx;
		font-size: 32rpx;
		font-family: Alibaba;
		color: #FFFFFF;
	}
	.argee-btn{
		width: 312rpx;
		height: 100rpx;
		background: #FA360A;
		border-radius: 0rpx 0rpx 32rpx 0rpx;
		font-size: 32rpx;
		font-family: Alibaba;
		color: #FFFFFF;
	}
</style>
